<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        
        <title>Datos de usuario</title>
    </h:head>
    <h:body>

        <ui:composition template="TemplatePrincipal.xhtml">
            <ui:define name="content">



                <center>
                    <h:form id="form1">
                        <p:growl id="msgs" showDetail="true" />
                        <h1><h:outputText value="CAMBIAR CORREO O CONTRASEÑA"/></h1>
                        <h:panelGrid columns="2">

                            <p:outputLabel  value="CORREO:" />
                            <p:outputLabel value="#{usuarioBean.usuario.correo}"/>                                        
                            <p:outputLabel value="CONTRASEÑA:"/>
                            <p:outputLabel value="#{usuarioBean.usuario.password}"/>
                            <p:outputLabel value="TIPO DE CUENTA:"/>
                            <p:outputLabel value="#{usuarioBean.usuario.perfil}" style="text-transform:uppercase"/>
                            <p:outputLabel value="NOMBRE:"/>
                            <p:outputLabel value="#{usuarioBean.usuario.nombre}"/>
                            <p:outputLabel value="CARRERA:"/>
                            <p:outputLabel value="#{usuarioBean.usuario.academia}" style="text-transform:uppercase" rendered="#{usuarioBean.usuario.academia ne null}"/>
                            <p:outputLabel value=" " style="text-transform:uppercase" rendered="#{usuarioBean.usuario.academia eq null}"/>
                            <p:outputLabel value="DOMICILIO:" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                            <p:outputLabel value="#{usuarioBean.usuario.domicilio}" style="text-transform:uppercase" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                            <p:outputLabel value="CIUDAD:" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                            <p:outputLabel value="#{usuarioBean.usuario.ciudad}" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                            <p:outputLabel value="TELÉFONO:" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                            <p:outputLabel value="#{usuarioBean.usuario.telefono}" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                            <p:outputLabel value="TIPO DE SEGURO:" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                            <p:outputLabel value="#{usuarioBean.usuario.tipoSeguro}" style="text-transform:uppercase" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                            <p:outputLabel value="NÚMERO DE SEGURO:" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                            <p:outputLabel value="#{usuarioBean.usuario.numSeguro}" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                            <p:outputLabel value="PROYECTO:" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                            <p:outputLabel value="#{alumnoBean.proyecto.nombre}" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                            
                        </h:panelGrid>
                        <br/><br/>
                        <p:commandButton value="EDITAR DATOS" ajax="true" oncomplete="PF('dlgWizard').show();" partialSubmit="true" icon="ui-icon-check" /> &nbsp;
                        <p:commandButton value="REGRESAR" immediate="true" action="#{usuarioBean.direccion}" ajax="false" icon="ui-icon-close"/>
                        <!--p:outputLabel value="SEXO:"/>
                            <p:outputLabel value="HOMBRE" rendered="# {usuarioBean.usuario.sexo eq 'h'}"/>
                            <p:outputLabel value="MUJER" rendered="# {usuarioBean.usuario.sexo eq 'm'}"/-->
                    </h:form>
                   

                    <h:form id="formDialog">

                        <p:dialog header="CONFIRMAR DATOS" widgetVar="dlgWizard" modal="true" resizable="false" draggable="false">
                            <p:wizard>
                                <p:tab id="crearPro" title="Editar" >
                                    <h:panelGrid columns="3" id="panelWiz1">
                                        <p:outputLabel  value="CORREO:" />
                                        <p:inputText id="correo" value="#{usuarioBean.usuario.correo}" required="true" requiredMessage="El correo es requerido"/><p:message for="correo" display="text"/>                                        
                                        <p:outputLabel value="CONTRASEÑA:"/>
                                        <p:inputText id="password" value="#{usuarioBean.usuario.password}" required="true" requiredMessage="La contraceña es requerida"/><p:message for="password" display="text"/>
                                        <p:outputLabel value="TIPO DE CUENTA:"/>
                                        <p:outputLabel value="#{usuarioBean.usuario.perfil}" style="text-transform:uppercase"/><h:outputText value=""/>
                                        <p:outputLabel value="NOMBRE:"/>
                                        <p:inputText id="nombre" value="#{usuarioBean.usuario.nombre}" required="true" requiredMessage="El nombre es requerido" style="text-transform:uppercase"/><p:message for="nombre" display="text"/>
                                        <p:outputLabel value="CARRERA:"/>
                                        <p:outputLabel value="#{usuarioBean.usuario.academia}" style="text-transform:uppercase" rendered="#{usuarioBean.usuario.academia ne null}"/>
                                        <p:outputLabel value=""/>
                                        <p:outputLabel value="DOMICILIO:" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                                        <p:inputText id="domicilio" value="#{usuarioBean.usuario.domicilio}" required="true" requiredMessage="El domicilio es requerido" style="text-transform:uppercase" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/><p:message for="domicilio" display="text"/>
                                        <p:outputLabel value="CIUDAD:" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                                        <p:inputText id="ciudad" value="#{usuarioBean.usuario.ciudad}" required="true" requiredMessage="La ciudad es requerido" style="text-transform:uppercase" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/><p:message for="ciudad" display="text"/>
                                        <p:outputLabel value="TELÉFONO:" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                                            <p:inputText id="telefono" value="#{usuarioBean.usuario.telefono}" requiredMessage="DEBE INTRODUCIR UN NÚMERO VALIDO" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}">
                                            <f:validateRegex pattern="[0-9]+"/>
                                            <f:validateLength minimum="7" maximum="10"/>
                                        </p:inputText><p:message for="telefono" display="text"/>
                                        <p:outputLabel value="TIPO DE SEGURO:" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                                        <p:inputText value="#{usuarioBean.usuario.tipoSeguro}" style="text-transform:uppercase" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                                        <p:inputText value="#{usuarioBean.usuario.tipoSeguro}" style="text-transform:uppercase" rendered="#{usuarioBean.usuario.perfil eq 'alumno' and usuarioBean.usuario.tipoSeguro eq null}"/>
                                        <h:outputText value=""/>
                                        <p:outputLabel value="NÚMERO DE SEGURO:" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                                        <p:outputLabel value="#{usuarioBean.usuario.numSeguro}" rendered="#{usuarioBean.usuario.perfil eq 'alumno'}"/>
                                        <p:inputText value="#{usuarioBean.usuario.numSeguro}" style="text-transform:uppercase" rendered="#{usuarioBean.usuario.perfil eq 'alumno' and usuarioBean.usuario.tipoSeguro eq null}" required="true" requiredMessage="EL NUMERO DE SEGURO ES REQUERIDO"/>
                                    </h:panelGrid>
                                </p:tab>
                                <p:tab title="Confirmar">
                                    <h:panelGrid columns="2" id="panelWiz2">
                                        <p:outputLabel  value="CORREO:" />
                                        <p:outputLabel value="#{usuarioBean.usuario.correo}" />                                        
                                        <p:outputLabel value="CONTRASEÑA:"/>
                                        <p:outputLabel value="#{usuarioBean.usuario.password}"/>
                                        <p:outputLabel value="TIPO DE CUENTA:"/>
                                        <p:outputLabel value="#{usuarioBean.usuario.perfil}" style="text-transform:uppercase"/>
                                        <p:outputLabel value="NOMBRE:"/>
                                        <p:outputLabel value="#{usuarioBean.usuario.nombre}" style="text-transform:uppercase"/>
                                        <p:outputLabel value="CARRERA:"/>
                                        <p:outputLabel value="#{usuarioBean.usuario.academia}" style="text-transform:uppercase"/>
                                        <p:outputLabel value="DOMICILIO:"/>
                                        <p:outputLabel value="#{usuarioBean.usuario.domicilio}" style="text-transform:uppercase"/>
                                        <p:outputLabel value="CIUDAD:"/>
                                        <p:outputLabel value="#{usuarioBean.usuario.ciudad}" style="text-transform:uppercase"/>
                                        <p:outputLabel value="TELÉFONO:"/>
                                        <p:outputLabel value="#{usuarioBean.usuario.telefono}"/>
                                        <p:outputLabel value="TIPO DE SEGURO"/>
                                        <p:outputLabel value="#{usuarioBean.usuario.tipoSeguro}" style="text-transform:uppercase"/>
                                        <p:outputLabel value="NÚMERO DE SEGURO:"/>
                                        <p:outputLabel value="#{usuarioBean.usuario.numSeguro}"/>
                                    </h:panelGrid>
                                    <p:commandButton value="ACEPTAR" action="#{usuarioBean.procesarAccion}" actionListener="#{usuarioBean.mensajeDatosUsuario}" ajax="false" icon="ui-icon-check"/>
                                </p:tab>



                            </p:wizard>
                        </p:dialog>
                    </h:form>
                </center>

            </ui:define>
        </ui:composition>
    </h:body>
</html>

